<template>
  <div>
    <h1>App</h1>

    <ul>
      <li>
        <router-link to="/users/a?name=jack&age=20">UsersA</router-link>
      </li>
      <li>
        <router-link to="/users/abc">NotFound</router-link>
      </li>
    </ul>
    <router-view></router-view>
  </div>
</template>
<script>
export default {

  watch: {
    // $route(newV, oldV) {
    //   console.log(newV, oldV);
    // }
    $route: {
      handler(newV, oldV) {
        console.log(newV, oldV);
      },
      immediate: true,
      deep: false
    }
  }


}
</script>

<style>
div {
  padding: 10px;
  margin: 10px;
  border: solid;
}
</style>